<!-- 新增用户页面 -->
<input id="userID" type="hidden" class="form-control"
	style="width:200px">
<div class="form-group col-md-12 col-md-offset-1" style="padding:8px;margin-left:27.328px;">
	<label class="form-label">登录名称：</label> <input id="loginName"
		maxlength="15" type="text" class="form-control"
		placeholder="只能输入英文,数字字符" style="width:350px">
	<label class="form-label" id="loginNameLabel" style="color: red;"></label> 
</div>
<div class="form-group col-md-12 col-md-offset-1" style="padding:8px;margin-left:27.328px;">
	<label class="form-label">用户名称：</label> <input id="name" type="text"
		maxlength="15" class="form-control" style="width:350px"
		placeholder="只能输入中文,英文,数字,下划线且不能以下划线开始">
		<label class="form-label" id="nameLabel" style="color: red;"></label> 
</div>
<div class="form-group col-md-12 col-md-offset-1" style="padding:8px;margin-left:27.328px;">
	<label class="form-label">用户角色：</label> <select id="roleName"
		class="combobox form-control" style="width:350px">
	</select>
</div>
<div class="form-group col-md-12 col-md-offset-1" style="padding:8px;margin-left:27.328px;">
	<label class="form-label">组织机构：</label> <select id="depName"
		class="combobox form-control" style="width:350px">
	</select>
</div>
<script type="text/javascript">
	$(function() {
		$('#name').focus(function()//得到焦点时触发的事件
		{
			$('#name').val('');
		});
		$('#name').blur(function() //失去焦点时触发的事件
		{
			var name = $('#name').val();
			var reg = new RegExp("^(?!_)[a-zA-Z0-9_\u4e00-\u9fa5]+$");
			if (name == "") {
				$("#nameLabel").html("用户名不能为空!");
			} else if (!reg.test(name)) {
				$('#name').val('');
				$("#nameLabel").html("请根据规则输入!");
			}else{
				$("#nameLabel").html("");
			}

		});
		$('#loginName').focus(function()//得到焦点时触发的事件
		{
			$('#loginName').val('');
		});
		$('#loginName').blur(function() //失去焦点时触发的事件
		{
			var loginName = $('#loginName').val();
			var reg = new RegExp("^[a-zA-Z0-9]+$");
			if (loginName == "") {
				$("#loginNameLabel").html("登录名不能为空!");
			} else if (!reg.test(loginName)) {
				$('#loginName').val('');
				$("#loginNameLabel").html("请根据规则输入!");
			}else if (loginName.length<4||loginName.length>10) {
				$('#loginName').val('');
				$("#loginNameLabel").html("长度不少于4个且不超过10个英文字符!");
			}else{
				$("#loginNameLabel").html("");
			}

		});
	});
</script>